/* Copyright 2012 kotemaru.org. (http://www.apache.org/licenses/LICENSE-2.0) */

html,body {
	height:100%;
	padding:0;
	margin:0;
	overflow: hidden;
}

body > header,
body > footer,
body > section
{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	display: inline-block;
	position: absolute;
	//overflow: hidden;
	background: white;
}

.BorderLayoutHeader {
	width: 100%;
	height: 40px;			/* Header height */
	top: 0;
}
.BorderLayoutFooter {
	width: 100%;
	height: 30px;			/* Footer height */
	bottom: 0;
}
.BorderLayoutLeft {
	width: 200px;			/* Left width */
	height: 100%;
	top: 0;
	left: 0;
	padding-top: 40px;		/* Header height */
	padding-bottom: 30px;	/* Footer height */
}
.BorderLayoutRight {
	width: 200px;			/* Right width */
	height: 100%;
	top: 0;
	right: 0;
	padding-top: 40px;		/* Header height */
	padding-bottom: 30px;	/* Footer height */
}

.BorderLayoutMain {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding-top:    40px;	/* Header height */
	padding-left:   200px;	/* Left width */
	padding-right:  200px;	/* Right width */
	padding-bottom: 30px;	/* Footer height */
}


/* ---------------------------------------------------------------------
    Handle
   --------------------------------------------------------------------- */

.BorderLayoutHandle {
	display: inline-block;
	position: absolute;
	height: 5px;
	width: 5px;
	//background: gray;
}

.BorderLayoutHeader > .BorderLayoutHandle {
	width: 100%;
	left: 0;
	bottom: 0;
	margin-bottom: -2px;
}
.BorderLayoutFooter > .BorderLayoutHandle{
	width: 100%;
	top: 0;
	left: 0;
	margin-top: -2px;
}
.BorderLayoutLeft > .BorderLayoutHandle {
	height: 100%;
	top: 0;
	right: 0;
	margin-right: -2px;
}
.BorderLayoutRight > .BorderLayoutHandle {
	height: 100%;
	top: 0;
	left: 0;
	margin-left: -2px;
}

/* EOF */
